	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>FairlanePartners: New Vehicle Entry Page</title>
	<link href="css/stylesheet-admin.css" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript" src="../js/jquery.ajax.upload.js"></script>
	<link type="text/css" href="../jqueryui/css/cupertino/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="../jqueryui/js/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="../jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="../jqueryui/js/jquery-ui-timepicker-addon.js"></script>
	<!--<script type="text/javascript" src="js/popup.js"></script>-->
	 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.hoverIntent.minified.js"></script>
	<link rel="stylesheet" href="../universal/style.css">
	<link rel="stylesheet" href="../universal/styles.css">
	<script type="text/javascript" src="../js/tab-view.js"></script>
	<!-- UniversalUploader JavaScript code file -->
	<script type="text/javascript" src="../universal/universalUploader.js"></script>
	<link type="text/css" href="../tabs/css/redmond/jquery-custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="../tabs/js/jquery-custom.js"></script>
	<script type="text/javascript" src="../tabs/js/common.js"></script>
	
	<style style="text/css">
	.tb7 
	{
	width: 160px;
	background: transparent url('../images/bg-txt.jpg') no-repeat;
	color : #747862;
	height:13px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
	}
	.btnClass {
	position:relative;
	top:-2px;
	background-color: transparent;
	background-image: url(../images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 134px;
	height: 30px;
	margin: -2px auto;
	padding: -2px 0 0 0;
	text-align: center;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border:0px;
	cursor:pointer;
}
	</style>
	
	</head>
	
	<body>
	<div id="main">
	<!-- GREY AREA -->
	<table width="977" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td valign="top">
	<!-- LOGO AREA ADMIN PAGE -->
	<div class="logo-element"><img src="images/logo.png" alt="" height="88" /></div>
	<div class="admin-navg">
		<table width="177" border="0" cellspacing="0" cellpadding="0" align="right" class="admin-navg-bg">
			<tr>
			<td align="left" width="25"><img src="images/l-corner.gif" width="25" height="41" alt="" /></td>
			<td valign="middle" align="center">
			<a href="#" class="admin-navglink" style="border-left:none;">Home</a>
			</td>
			<td valign="middle" align="center">
			<a href="#" class="admin-navglink">logout</a>
			</td>
			<td align="right" valign="top" width="25"><img src="images/r-corner.gif" width="25" height="41" alt="" /></td>
			</tr>
		</table>
	</div>
	<!-- LOGO AREA ADMIN PAGE ENDS -->
	</td>
  </tr>
  <tr>
    <td valign="top" align="left" class="admin-main">
	<div>
		<!-- LEFT MAIN AREA -->
	  <div id="leftmain">
	  	<!-- YELLOW TAB STRATS -->
	    <div class="yellow-tab"><p>Admin Navigations</p></div>
		<div id="link-text">
			<ul>
				<li><span>&raquo;</span><a href="new-vehicle-entry.php">New Vehicle Entry</a></li>
				<li><span>&raquo;</span><a href="#">MOT / Service Booking</a></li>
				<li><span>&raquo;</span><a href="#">View Booked Services</a></li>		
			</ul>
		</div>
		<!-- YELLOW TAB ENDS -->
		
	    </div>
		<!-- LEFT MAIN AREA ENDS -->
		
	    <!-- right MAIN AREA STARTS -->
	  <div id="rght-main">
		<div class="cars">
		<!-- YOUR FORM DESIGN STARTS HERE -->
		<form action="uploadfiles.php" method="post" id="frmVehicle" name="frmVehicle" enctype="multipart/form-data">
		<div id="container1">
		<div id="tabs">
			<ul>
				<li><a href="#tabs-1">Basic Overview</a></li>
				<li><a href="#tabs-2">Image Upload</a></li>
				<li><a href="#tabs-3">Price Options</a></li>
				<li><a href="#tabs-4">MOT/Finance</a></li>
				<li><a href="#tabs-5">Additional Info</a></li>
				
			</ul>
			
			<div id="tabs-1">
			 <h2>Basic Overview</h2> 
			 <div style="float: right;">
			 <input type="button" value="Save & Continue" id="btnBasicData" name="btnBasicData" class="btnClass" />
			 </div>
			<table cellpadding="0" cellspacing="0" border="0" width="90%">
            <tr>
			<td class="txtField" width="100">Status		</td>
			<td class="txtField" colspan="2" width="120px">
			<input type="radio" border="0" id="rNewVehicle" name="VehicleStatus" value="n" checked="checked"/>&nbsp;New Vehicle
			&nbsp;&nbsp;
			<input type="radio" border="0" id="rUsedVehicle" name="VehicleStatus" value="u"   />&nbsp;Used Vehicle
			</td>
			</tr>
			
			<tr id="vin2">
			<td colspan="3" align="right">&nbsp;</td>
			</tr>
			
			<tr>
			<td class="txtField">Stock No.</td>
			<td colspan="2" >
			<input type="text" id="txtStockNumber" name="txtStockNumber" class="tb7" />			</td>
			</tr>
			
			<tr id="vin2">
			<td colspan="3" align="right">&nbsp;</td>
			</tr>
			
			<tr>
			<td class="txtField">Year</td>
			<td colspan="2" >
			<input type="text" id="txtyear" name="txtyear" class="tb7" />			</td>
			</tr>
			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
			<tr>
			<td class="txtField">Make			</td>
			<td colspan="2">
			<input type="text" id="txtmake" name="txtmake" class="tb7" />			</td>
			</tr>
			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
	
			<tr>
			<td class="txtField">Model			</td>
			<td colspan="2">
			<input type="text" id="txtmodel" name="txtmodel" class="tb7" />			</td>
			</tr>
			
			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField">Exterior Color</td>
			<td colspan="2">
			<input type="text" id="txtExColor" name="txtExColor" class="tb7" />			</td>
			</tr>

			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>

			<tr>
			<td class="txtField">Milage</td>
			<td colspan="2">
			<input type="text" id="txtMilage" name="txtMilage" class="tb7" />			</td>
			</tr>

			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>

			
			<tr>
			<td class="txtField">Doors			</td>
			<td colspan="2">
			<input type="text" id="txtdoors" name="txtdoors" class="tb7" />			</td>
			</tr>

			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>

			<tr>
			<td class="txtField">Passengers</td>
			<td colspan="2">
			<input type="text" id="txtbPassengers" name="txtbPassengers" class="tb7" />			</td>
			</tr>

			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField">Kilometers</td>
			<td colspan="2">
			<input type="text" id="txtbKM" name="txtbKM" class="tb7" />			</td>
			</tr>

			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>

			<tr>
			<td class="txtField">Fuel Type</td>
			<td colspan="2">
			<input type="text" id="txtbFuel" name="txtbFuel" class="tb7" />			</td>
			</tr>

			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField">Engine	Size</td>
			<td colspan="2">
			<input type="text" id="txtbEngine" name="txtbEngine" class="tb7" />			</td>
			</tr>

			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField">Interior			</td>
			<td colspan="2">
			<input type="text" id="txtbInterior" name="txtbInterior" class="tb7" />			</td>
			</tr>

			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField">No. of Owners			</td>
			<td colspan="2">
			<input type="text" id="txtOwners" name="txtOwners" class="tb7" /></td>
			</tr>
			
			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField">MPG			</td>
			<td colspan="2">
			<input type="text" id="txtMPG" name="txtMPG" class="tb7" /></td>
			</tr>
			
			<tr>
			<td colspan="3" align="right">&nbsp;			</td>
			</tr>
		
			<tr>
			<td colspan="3" align="right">
<!--				<input type="button" value="Save & Continue" id="btnBasicData" name="btnBasicData" class="btnClass" />-->
			</td>
			</tr>
			</table>
			</div>
			
			<div id="tabs-2">
			<h2>Vehicle Upload</h2> 
			<!-- New Added -->
			<table  align="right">
				<tr>
				<td>
				<a class="nexttab" href="#tabs-1">&nbsp;<< Back&nbsp;</a>
				</td>
				<td>
				<input type="button" value="Save & Continue" id="btnVehicleUpload" name="btnVehicleUpload" class="btnClass" />	
				</td>
				</tr>
			</table>
			<!-- Adding Ends -->
			<table>
			<tr>
			<td>
				<div id="universalUploader_holder" style="70%">
			
			<noscript>	
			<form id="frmVehicle" name="frmVehicle" action="url to file processing script"  method="post" enctype="multipart/form-data">		
			
			<input name="Filedata" type="file"><br>
			<input type="submit" value="Upload" />		
			</form>
			 </noscript>
			 
			
			 
			</div>
			<!-- Initialization of UniversalUploader object -->	
			<script type="text/javascript">
			universalUploader.init({
				//Your serialNumber
				serialNumber: "put your license key here",
				//List of uploaders to render
				uploaders: "drag-and-drop, flash, silverlight, classic",
				//Fir of correctly initialized uploader will be rendered
				singleUploader : true,
				//Id of html element where universalUploader should be rendered
				//If not set, document body used  
				holder: "universalUploader_holder",
				//Url to the swf file
				flash_swfUrl : "ElementITMultiPowUpload.swf",
				//Url to the xap file
				silverlight_xapUrl : "universal/uploaders/UltimateUploader.xap",
				//Path to the folder with images (status icons, remove icon) By default images subfolder is used (relative to the html page base path)
				//In these examples we place icons inside universal/images subfolder. 
				imagesPath : "universal/images/",	
				//Url to the file processing script 
				url: "uploadfiles.php",
				//Set id of html for element to pass it's values to the server script along with files
				formName: "frmVehicle",
				//Custom post fields can be configured manually
				postFields :{
						
				}
			});
			
			//File upload complete
			universalUploader.bindEventListener("FileUploadComplete", function (uploaderId, file){	
				var responselable = document.getElementById("serverresponse");		
				if(file.serverResponse) responselable.innerHTML += "<strong>" + file.serverResponse + "</strong>";	
				
			});	
			
			//File upload error handler
			universalUploader.bindEventListener("FileUploadError", function (uploaderId, file, status, msg){
				var responselable = document.getElementById("serverresponse");		
				responselable.innerHTML += "File Upload error "+file.name+" status "+status+" message "+msg;
			});
			
			
			universalUploader.bindEventListener("Init", function (inited){
					if(!inited)			
						alert("UniversalUploader failed to init!");
			});
			
			</script>
						
			<div id="serverresponse"></div><br />
			</td>
			</tr>
			</table>
			
			</div>
			
			<div id="tabs-3">
			  <h2>Price</h2> 
             <!-- New Added -->
			<table  align="right">
				<tr>
				<td>
				<a class="nexttab" href="#tabs-2">&nbsp;<< Back&nbsp;</a>
				</td>
				<td>
				<input type="button" value="Save & Continue" id="btnPrice" name="btnPrice" class="btnClass" />	
				</td>
				</tr>
			</table>
			<!-- Adding Ends -->
            <table cellpadding="0" cellspacing="0" >
			<tr>
			<td colspan="2" align="right" >&nbsp;			</td>
			</tr>
			<tr>
			<td class="txtField" width="150">	Original price			</td>
			<td>
			<input type="text" id="txtoriginalprice" name="txtoriginalprice" class="tb7" />			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			<tr>
			<td class="txtField">Offered price			</td>
			<td>
			<input type="text" id="txtofferedprice" name="txtofferedprice" class="tb7" />			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField">Text Only</td>
			<td>
			<input type="text" id="txtfprice" name="txtfprice" class="tb7" />			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td colspan="2" align="right">&nbsp;	
			</td>
			</tr>
			</table>			
			</div>

			
			<div id="tabs-4">
			  <h2>MOT / Finance</h2> 
             <!-- New Added -->
			<table  align="right">
				<tr>
				<td>
				<a class="nexttab" href="#tabs-3">&nbsp;<< Back&nbsp;</a>
				</td>
				<td>
				<input type="button" value="Save & Continue" id="btnPrice" name="btnMOT" class="btnClass" />	
				</td>
				</tr>
			</table>
			<!-- Adding Ends -->
            <table cellpadding="0" cellspacing="0" >
			<tr>
			<td colspan="2" align="right" >&nbsp;			</td>
			</tr>
			<tr>
			<td class="txtField" width="150">	MOT (Months)			</td>
			<td>
			<input type="text" id="txtMotMonths" name="txtMotMonths" class="tb7" />			
			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField" width="150">	Road tax (months)			</td>
			<td>
			<input type="text" id="txtRoadTaxMonths" name="txtRoadTaxMonths" class="tb7" />			
			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField" width="150">	Road tax price			</td>
			<td>
			<input type="text" id="txtRoadTaxPrice" name="txtRoadTaxPrice" class="tb7" />			
			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField" width="150">	Service history (Full/Partial/None)			</td>
			<td>
			<input type="text" id="txtServiceHistory" name="txtServiceHistory" class="tb7" />			
			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField" width="150">	MOT history:		</td>
			<td>
			<input type="text" id="txtMotHistory" name="txtMotHistory" class="tb7" />			
			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField" width="150">	Finance Option:		</td>
			<td>
			<input type="text" id="txtFinanceOption" name="txtFinanceOption" class="tb7" />			
			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField" width="150">	Warranty:		</td>
			<td>
			<input type="text" id="txtWarranty" name="txtWarranty" class="tb7" />			
			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			<tr>
			<td class="txtField" width="150">	Condition:		</td>
			<td>
			<input type="text" id="txtCondition" name="txtCondition" class="tb7" />			
			</td>
			</tr>
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			
			</table>
			</div>
			
			
			<div id="tabs-5">
 			<h2>Additional Info</h2> 
             
			<table  align="right">
				<tr>
				<td>
				<a class="nexttab" href="#tabs-4">&nbsp;<< Back&nbsp;</a>
				</td>
				<td>
				<input type="button" value="Save & Continue" id="btnExteriorFeatures" name="btnExteriorFeatures" class="btnClass" />	
				</td>
				</tr>
			</table>
			
            <table cellpadding="0" cellspacing="0" >
			
			<tr>
			<td colspan="2" align="right">&nbsp;			</td>
			</tr>
			<tr>
				<td colspan="2" align="left">
					<textarea name="content" style="width:200px;height:300px;" id="txtOptionsExFeatures" name="txtOptionsExFeatures"></textarea>	
				</td>
			</tr>
			</table>						
			</div>
			
			
			
			</div>
			</div>
			</form>
		</div>
	  </div>
		 <!-- RIGHT MAIN AREA -->
	</div>
	<!-- GREY AREA -->
	</td>
  </tr>
</table>
<!-- INCLUDE FOOTER AREA -->
<script type="text/javascript" src="../references/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
	tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		skin :"o2k7",
		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		//theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
		//theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,

		// Example content CSS (should be your site CSS)
		content_css : "css/content.css",

		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",

		// Style formats
		style_formats : [
			{title : 'Bold text', inline : 'b'},
			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
			{title : 'Example 1', inline : 'span', classes : 'example1'},
			{title : 'Example 2', inline : 'span', classes : 'example2'},
			{title : 'Table styles'},
			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
		],

		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
</script>
	<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="footbg">
	  <tr>
		<td>
		<!-- FOOTER SECOND STARTS -->
		<table width="977" border="0" cellspacing="0" cellpadding="0" align="center">
			<tr>
				<td valign="top" align="left"><img src="images/logo2.png" alt="" width="168" height="34" /></td>
				<td valign="top" align="right" width="655" class="foot">
					<ul>
						<li><a href="policy.html" style="padding-right:0px;">Privacy policy</a></li>
						<li><a href="terms.html">terms &amp; conditions</a></li>
						<li><a href="index.html" style="border:none; padding-left:0px;">home</a></li>
					</ul><br />
	
					&copy; 2012, Fairlane partners All rights reserved
				</td>
			</tr>
		</table>
		<!-- FOOTER SECOND ENDS -->
		</td>
	  </tr>
	</table>
	<!-- FOOTER MAIN ENDS -->
	</div>	
	</body>
	</html>
